<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>优惠券</title>
	<link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css/reset.css">
<!--	<link rel="stylesheet" href="--><?php //echo IMG_PATH ?><!--bdkd/css/you_scss.css">-->
	<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
	<script src="<?php echo IMG_PATH ?>bdkd/js/jquery-1.11.1.min.js"></script>
	<style>
		body, html {
			height: 100%;
			overflow: scroll;
			background: #f2f2f2; }
		body .yhq1, html .yhq1 {
			width: 9.62667rem;
			height: 3.73333rem;
			margin: 0.26667rem auto;
			background-image: url(<?php echo IMG_PATH ?>bdkd/img/1@2x.png);
			background-size: 100%;
			background-repeat: no-repeat;
			border-radius: 10px; }
		body .yhq1 .qi1, html .yhq1 .qi1 {
			width: 100%;
			height: 2.73333rem;
			display: flex; }
		body .yhq1 .qi1 span:nth-child(1), html .yhq1 .qi1 span:nth-child(1) {
			font-size: 48px;
			color: #14a4fb;
			margin-left: 0.74667rem;
			line-height: 2.73333rem;
			margin-right: 0.13333rem; }
		[data-dpr="2"] body .yhq1 .qi1 span:nth-child(1), [data-dpr="2"] html .yhq1 .qi1 span:nth-child(1) {
			font-size: 96px; }
		[data-dpr="3"] body .yhq1 .qi1 span:nth-child(1), [data-dpr="3"] html .yhq1 .qi1 span:nth-child(1) {
			font-size: 144px; }
		body .yhq1 .qi1 span:nth-child(2), html .yhq1 .qi1 span:nth-child(2) {
			font-size: 24px;
			color: #14a4fb;
			font-weight: 900;
			line-height: 3.13333rem; }
		[data-dpr="2"] body .yhq1 .qi1 span:nth-child(2), [data-dpr="2"] html .yhq1 .qi1 span:nth-child(2) {
			font-size: 48px; }
		[data-dpr="3"] body .yhq1 .qi1 span:nth-child(2), [data-dpr="3"] html .yhq1 .qi1 span:nth-child(2) {
			font-size: 72px; }
		body .yhq1 .qi1 ul, html .yhq1 .qi1 ul {
			text-align: center;
			margin-left: 0.34667rem; }
		body .yhq1 .qi1 ul li:nth-child(1), html .yhq1 .qi1 ul li:nth-child(1) {
			font-size: 24px;
			color: #ff6364;
			letter-spacing: 0.13333rem;
			margin-top: 0.74667rem;
			margin-bottom: 0.24rem;
			font-weight: 900; }
		[data-dpr="2"] body .yhq1 .qi1 ul li:nth-child(1), [data-dpr="2"] html .yhq1 .qi1 ul li:nth-child(1) {
			font-size: 48px; }
		[data-dpr="3"] body .yhq1 .qi1 ul li:nth-child(1), [data-dpr="3"] html .yhq1 .qi1 ul li:nth-child(1) {
			font-size: 72px; }
		body .yhq1 .qi1 ul li:nth-child(2), html .yhq1 .qi1 ul li:nth-child(2) {
			font-size: 10px;
			color: #999;
			font-weight: 500; }
		[data-dpr="2"] body .yhq1 .qi1 ul li:nth-child(2), [data-dpr="2"] html .yhq1 .qi1 ul li:nth-child(2) {
			font-size: 20px; }
		[data-dpr="3"] body .yhq1 .qi1 ul li:nth-child(2), [data-dpr="3"] html .yhq1 .qi1 ul li:nth-child(2) {
			font-size: 30px; }
		body .yhq1 .xiawenzi1, html .yhq1 .xiawenzi1 {
			width: 100%;
			height: 0.93333rem; }
		body .yhq1 .xiawenzi1 p, html .yhq1 .xiawenzi1 p {
			line-height: 0.93333rem;
			font-size: 11px;
			color: #999;
			margin-left: 0.61333rem; }
		[data-dpr="2"] body .yhq1 .xiawenzi1 p, [data-dpr="2"] html .yhq1 .xiawenzi1 p {
			font-size: 22px; }
		[data-dpr="3"] body .yhq1 .xiawenzi1 p, [data-dpr="3"] html .yhq1 .xiawenzi1 p {
			font-size: 33px; }
		body .yhq2, html .yhq2 {
			width: 9.62667rem;
			height: 3.73333rem;
			margin: 0.26667rem auto;
			background-image: url(<?php echo IMG_PATH ?>bdkd/img/m.png);
			background-size: 100%;
			background-repeat: no-repeat;
			border-radius: 10px; }
		body .yhq2 .qi2, html .yhq2 .qi2 {
			width: 100%;
			height: 2.73333rem;
			display: flex; }
		body .yhq2 .qi2 span:nth-child(1), html .yhq2 .qi2 span:nth-child(1) {
			font-size: 48px;
			color: #14a4fb;
			margin-left: 0.74667rem;
			line-height: 2.73333rem;
			margin-right: 0.13333rem; }
		[data-dpr="2"] body .yhq2 .qi2 span:nth-child(1), [data-dpr="2"] html .yhq2 .qi2 span:nth-child(1) {
			font-size: 96px; }
		[data-dpr="3"] body .yhq2 .qi2 span:nth-child(1), [data-dpr="3"] html .yhq2 .qi2 span:nth-child(1) {
			font-size: 144px; }
		body .yhq2 .qi2 span:nth-child(2), html .yhq2 .qi2 span:nth-child(2) {
			font-size: 24px;
			color: #14a4fb;
			font-weight: 900;
			line-height: 3.13333rem; }
		[data-dpr="2"] body .yhq2 .qi2 span:nth-child(2), [data-dpr="2"] html .yhq2 .qi2 span:nth-child(2) {
			font-size: 48px; }
		[data-dpr="3"] body .yhq2 .qi2 span:nth-child(2), [data-dpr="3"] html .yhq2 .qi2 span:nth-child(2) {
			font-size: 72px; }
		body .yhq2 .qi2 ul, html .yhq2 .qi2 ul {
			text-align: center;
			margin-left: 0.34667rem; }
		body .yhq2 .qi2 ul li:nth-child(1), html .yhq2 .qi2 ul li:nth-child(1) {
			font-size: 24px;
			color: #ff6364;
			letter-spacing: 0.13333rem;
			margin-top: 0.74667rem;
			margin-bottom: 0.24rem;
			font-weight: 900; }
		[data-dpr="2"] body .yhq2 .qi2 ul li:nth-child(1), [data-dpr="2"] html .yhq2 .qi2 ul li:nth-child(1) {
			font-size: 48px; }
		[data-dpr="3"] body .yhq2 .qi2 ul li:nth-child(1), [data-dpr="3"] html .yhq2 .qi2 ul li:nth-child(1) {
			font-size: 72px; }
		body .yhq2 .qi2 ul li:nth-child(2), html .yhq2 .qi2 ul li:nth-child(2) {
			font-size: 10px;
			color: #999;
			font-weight: 500; }
		[data-dpr="2"] body .yhq2 .qi2 ul li:nth-child(2), [data-dpr="2"] html .yhq2 .qi2 ul li:nth-child(2) {
			font-size: 20px; }
		[data-dpr="3"] body .yhq2 .qi2 ul li:nth-child(2), [data-dpr="3"] html .yhq2 .qi2 ul li:nth-child(2) {
			font-size: 30px; }
		body .yhq2 .xiawenzi1, html .yhq2 .xiawenzi1 {
			width: 100%;
			height: 0.93333rem; }
		body .yhq2 .xiawenzi1 p, html .yhq2 .xiawenzi1 p {
			line-height: 0.93333rem;
			font-size: 11px;
			color: #999;
			margin-left: 0.61333rem; }
		[data-dpr="2"] body .yhq2 .xiawenzi1 p, [data-dpr="2"] html .yhq2 .xiawenzi1 p {
			font-size: 22px; }
		[data-dpr="3"] body .yhq2 .xiawenzi1 p, [data-dpr="3"] html .yhq2 .xiawenzi1 p {
			font-size: 33px; }
		body .dibu, html .dibu {
			width: 100%;
			height: 0.33333rem;
			margin-top: 0.53333rem;
			display: flex;
			justify-content: center;
			align-items: center; }
		body .dibu span, html .dibu span {
			font-size: 11px;
			color: #d4d4d4; }
		[data-dpr="2"] body .dibu span, [data-dpr="2"] html .dibu span {
			font-size: 22px; }
		[data-dpr="3"] body .dibu span, [data-dpr="3"] html .dibu span {
			font-size: 33px; }
		body .dibu span:nth-child(1), html .dibu span:nth-child(1) {
			display: block;
			width: 1.6rem;
			height: 0.02667rem;
			background: #d4d4d4;
			margin-left: 0.29333rem;
			margin-right: 0.29333rem; }
		body .dibu span:nth-child(3), html .dibu span:nth-child(3) {
			display: block;
			width: 1.6rem;
			height: 0.02667rem;
			background: #d4d4d4;
			margin-left: 0.29333rem;
			margin-right: 0.29333rem; }

	</style>
</head>
<body>

<?php
if(empty($list)){
	?>
	<div class="ycl-bug">
		<div class="ycl-bug1">
			<img src="<?php echo IMG_PATH ?>bdkd/img/yhq-pic.png" alt="">
			<p>抱歉，您还没有优惠券</p>
		</div>
	</div>
	<?php
}else{
	foreach($list as $value){
		if($value['type']==2){
			?>
			<div class="yhq2">
				<div class="qi2">
					<span><?php echo $value['discount']*10?></span>
					<span>折</span>
					<ul>
						<li>代取券</li>
						<li>有效期至 : <?php echo date("Y-m-d",$value['end_time'])?></li>
					</ul>
				</div>
				<div class="xiawenzi1">
					<p>仅限于 "取快递" 付款时使用</p>
				</div>
			</div>
			<?php
		}else{
			?>
			<div class="yhq1">
				<div class="qi1">
					<span><?php echo $value['discount']*10?></span>
					<span>折</span>
					<ul>
						<li>打折券</li>
						<li>有效期至 : <?php echo date("Y-m-d",$value['end_time'])?></li>
					</ul>
				</div>
				<div class="xiawenzi1">
					<p>仅限于 "寄快递" 和 "物流托运" 付款时使用</p>
				</div>
			</div>
			<?php
		}
	}
}
?>
	<div class="dibu">
		<span></span>
		<span>您的优惠券就这么多了</span>
		<span></span>
	</div>
	<script src="<?php echo IMG_PATH ?>bdkd/js/you.js"></script>
</body>
</html>